<template lang="pug">
    span(v-html="icon",style="font-size:1.5em")
</template>

<script>
export default {
    name: 'plan-icon',
    props:{
        plan: {type: String, default: 'A'}
    },
    computed:{
        icon(){
            switch (this.plan){
                case 'A': 
                    return '<span class="iconfont">&#xe652;</span>';
                case 'B':
                    return '<span class="iconfont">&#xe682;</span>';
                case 'C':
                    return '<span class="iconfont">&#xe63f;</span>';
                default:
                    return '<span class="iconfont">&#xe63f;</span>';
            }
        }
    }
}
</script>

<style>

</style>
